<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> 
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>User Login</title>
		<script type="text/javascript" src="resource/js/script/mcmusic-user-function.js"></script>
		<link href="resource/css/base/login.css" type="text/css" rel="stylesheet" charset="utf-8" />
		<link href="resource/css/base/footer.css" type="text/css" rel="stylesheet" charset="utf-8" />
	</head>
	
	<body>
		<div class="top">Love Life  Love Music</div>
<div class="container">
	<div class="music_login_cover" style="background-image:url(${pageContext.request.contextPath }/resource/image/login/music_login_covert.png)">
	</div>
	<div class="user_login">
		<div  id="user_login_title" >User Login</div>
    	<hr color="#333333"/>
    	<div class="verify_result_style" >
    		<div id="verify_message">${requestScope.model.verifyFailure}</div>
    		<div id="remote_verify_loading" style="display:none; color:#333;font-size: 16px;" >
    			<span><img src="${pageContext.request.contextPath }/resource/image/login/loading.jpg" style="width:24px; height:24px; text-align:center; vertical-align:text-bottom"/></span>
    			loading...    			
    		</div>
    	</div>
    	<form action="user/userLogin.action" method="post" style="margin: 10px 0;" onSubmit="return verifyUsernamePassword()">
    	<div style="width:400px">
    		<table style="text-align:center">
    			<tr>
        			<td style="width:120px; padding-left:30px;">User name:</td><td ><input type="text" name="model.username" id="userBean_username" class="blink_border_style" style="width:180px; margin:5px 0;" value="${requestScope.model.username}"/></td>
        		</tr>
        		<tr>
    				<td style="width:120px; padding-left:30px;">Password:</td><td ><input type="password" name="model.password" id="userBean_password" class="blink_border_style" style="width:180px; margin:5px 0;" value="${requestScope.model.password}"/></td>
        		</tr>
    		</table>
    	</div>
    	<div style="text-align:right; padding:10px; padding-top:15px; width:340px;">
        	<input type="submit" id="user_login_submit" value="Login" onmouseover="this.style.borderColor='#0CF'" onmouseout="this.style.borderColor='#dcdcdc'" 
        		onmouseup="this.style.borderColor='#0CF'" onmousedown="this.style.borderColor='#06F'"
                class="submit_button" />
        </div>

    	</form>
    	<div style="font-size:10px; text-align:right; margin:5px; margin-top:15px; width:380px; vertical-align:bottom;">
    	<a class="url_link" href="">Forget password</a>|<a class="url_link" href="">New account</a>|<a class="url_link" href="">Feedback</a>
    	</div>
    
	</div>
</div>


	<jsp:include page="/WEB-INF/common/footer.jsp" flush="true" />

</body>
	
</html>